<!DOCTYPE html>
<html>
  <head> 
    <title>Giftshake</title> 
  
    <?php
      include_once('head.php'); 
    ?> 
  
  
   <!-- <script src="jquery.nicescroll.340/jquery.nicescroll.js"></script> -->
   <script type="application/javascript" src="jquery-mobile-iscrollview-master/demo/build/javascripts/iscroll.js"></script>
  <script type="application/javascript" src="jquery-mobile-iscrollview-master/lib/jquery.mobile.iscrollview.js"></script>
   
  <script>
    
    // window.addEventListener("load",function() {
    // setTimeout(function(){
        // window.scrollTo(0, 1);
    // }, 0);
// });
// 
// if (!window.location.hash) { window.onload = function () {
  // window.scrollTo(0, 1);
// }; }
    
    
    $(document).ready(

  function() { 

    //$("div[data-role=content]").niceScroll();
    
    $("div[data-role=content]").iscrollview("refresh");

  }

);
    
  </script>
  
 
  
  </head>  
  
  <body onload="setTimeout(function() { window.scrollTo(0, 1) }, 0);" >
    
    <div data-role="page" id="index_page">
      
      <!-- no header -->
    
      <div data-role="content" style="padding:0px" class="ui-content" role="main" data-iscroll> 
      
        <div style="box-shadow: 0 3px 3px #AFAFAF">
          <img alt="" src="images/logo2.png" style="margin: 20px; padding-top:40px; padding-bottom: 40px" width="90%" />
        </div>
        
        <div style="border-bottom: 1px solid gray"></div>
        
        <div style="margin: 20px; padding-top: 50px">
          <a href="#login_page" data-transition="slideup" data-corners="false" data-role="button" 
          				class="show-page-loading-msg" data-theme="b">Accedi</a>
        
        </div>
        
      </div> <!-- end content -->
      
      
    <div style="text-align: center"  data-role="footer" data-theme="c" data-position="fixed" >
      <ul style="list-style: none; padding: 0">
        <li>
         <a data-inline="true" href="" 
             style ="text-decoration: none; font-size: 13px; color: #999999 ">Giftshake © 2013</a>       
         
         <a data-inline="true" href="" 
             style ="text-decoration: none; padding-left: 20px; font-size: 13px; color: #999999" >Guida
         </a>
        </li>
     </ul>
   </div>
      
    
    
    </div> <!-- end page -->
    
    
   
    <div data-role="page" id="login_page" data-iscroll>
    
    <!-- /header -->
    <div data-role="header" class="ui-header ui-bar-a" role="banner" data-position="fixed">      
      <h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Accedi</h1>
      <a href="index.php" data-transition="slideup" class="ui-btn-right" data-corners="false" data-icon="">Chiudi</a>
    </div>
    

    <!-- /content -->
    <div data-role="content" class="ui-content" role="main" data-iscroll>  
     
   
      
      <form action="page.group_gift.php" data-ajax="false" method="POST">
            <fieldset>            

            <label for="email">Email:</label>
            <input type="email" name="email" id="email" value="demo@giftshake.it" readonly="true"  />

            <label for="password">Password:</label>
            <input type="password" name="password" id="password" value="demodemo" readonly="true" />

            <input data-corners="false" id="Submit1" type="submit" value="Login" data-role="button" data-inline="true" data-theme="b" />

            <hr />
            Don't have a login yet? <a href="#">Sign Up</a>
            </fieldset>
        </form>
      
      
      
      <br/>
      
      <a href="page.invite_friend.php" data-role="button" class="show-page-loading-msg" data-theme="d" data-icon="" data-iconpos="">Invita un amico</a>
      <a href="page.comment.php" data-role="button" class="show-page-loading-msg" data-theme="d" data-icon="" data-iconpos="">Vota / Commenta</a>
      <img src="images/fb_like_button.jpeg" width="80px" height="35px"/>
      
    </div>

    
    <!-- /footer -->
     <div style="text-align: center"  data-role="footer" data-theme="c" >
      <ul style="list-style: none; padding: 0">
        <li>
         <a data-inline="true" href="" 
             style ="text-decoration: none; font-size: 13px; color: #999999 ">Giftshake © 2013</a>       
         
         <a data-inline="true" href="" 
             style ="text-decoration: none; padding-left: 20px; font-size: 13px; color: #999999" >Guida
         </a>
        </li>
     </ul>
   </div>

  </div>
  

<script>



    $(document).on( "click", ".show-page-loading-msg", function() {
      var $this = $( this ),
        theme = $this.jqmData( "theme" ) || $.mobile.loader.prototype.options.theme,
        msgText = $this.jqmData( "msgtext" ) || $.mobile.loader.prototype.options.text,
        textVisible = $this.jqmData( "textvisible" ) || $.mobile.loader.prototype.options.textVisible,
        textonly = !!$this.jqmData( "textonly" );
        html = $this.jqmData( "html" ) || "";
      $.mobile.loading( 'show', {
          text: msgText,
          textVisible: textVisible,
          theme: theme,
          textonly: textonly,
          html: html
      });
    })
    .on( "click", ".hide-page-loading-msg", function() {
      $.mobile.loading( "hide" );
    });
  </script>
    
    
    
  </body>
</html>  
    